/*修改表标题头部背景字体*/
.el-table .el-table__header-wrapper th {
  /* 基础背景和文字 */
  background: #C6E2FF !important;
  color: #8470FF !important;

  /* 边框与圆角 */
  //border-right: 1px solid silver  !important;  /* 右侧分隔线 */
  //border-radius: 3px  !important;       /* 顶部圆角 */

  /* 字体样式 */
  font-size: 15px !important; /* 加大字号 */
  font-weight: 600 !important; /* 加粗字体 */
  //letter-spacing: 1px !important;  /* 字间距 */
  /* 内边距 */
  padding: 9px 0 !important; /* 垂直间距加大 */

  /* 文字阴影 */
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3) !important;

  /* 过渡动画 */
  transition: all 0.3s ease !important;
}


/*全局表格样式优化*/
.enhanced-table {

  .el-table__header {
    th {
      background: #409eff; // 表头主题色
      color: white;
      font-weight: 600;
      letter-spacing: 0.5px;
    }
  }

  .el-table__row {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); // 平滑过渡
    position: relative;

    // 默认状态
    td {
      background: #ffffff;
      color: #606266;
      border-bottom: 1px solid #ebeef5;
      //font-size: 14px;
      //padding: 7px 0; // 增加行高
    }

    // 鼠标悬停状态
    &:hover {
      box-shadow: 0 2px 8px rgba(32, 160, 255, 0.15); // 蓝色阴影
      //transform: translateY(0px); // 轻微上浮
      //z-index: 0;

      td {
        background: #F0F8FF !important;
        color: #FF4500; // 文字主题色
        font-weight: bold;

        // 左侧高亮条
        //&:first-child {
        //  position: relative;
        //
        //  &::before {
        //    content: '';
        //    position: absolute;
        //    left: 0;
        //    top: 0;
        //    bottom: 0;
        //    width: 1px;
        //    background: #FF4500;
        //  }
        //}
      }
    }

    //斑马纹效果（可选）
    //&:nth-child(even) {
    //  td {
    //    background: #F5F5F5;
    //  }
    //}
  }

  // 操作列悬停按钮显色
  .el-button {
    transition: color 0.3s;

    &:hover {
      color: #ff4d4f !important; // 红色强调
    }
  }

  // 分页组件样式适配
  //.el-pagination {
  //  margin-top: 20px;
  //  justify-content: flex-end;
  //}
}


.el-table {
  border: none !important;
}
.el-table::before {
  display: none !important;
}
.el-table .el-table__header {
  border-bottom: none !important;
}
